<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>七彩糖后台管理系统</title>
    <link rel="stylesheet" href="/layui/css/layui.css">
    <script src="/echarts.js"></script>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo">七彩糖</div>
        <!-- 头部区域（可配合layui已有的水平导航） -->

        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a href="javascript:;">
                   <!-- <img src="http://t.cn/RCzsdCq" class="layui-nav-img">-->
                    <span id="loginname">魔方租车</span>
                </a>
                <dl class="layui-nav-child">
                    <dd><a href="">基本资料</a></dd>
                    <dd><a href="">安全设置</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item" ><a href="http://localhost:8080">退了</a></li>
        </ul>
    </div>

    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree"  lay-filter="test">
                <li class="layui-nav-item layui-nav-itemed">
                    <a class="" href="javascript:;">查询管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" data-href="/attendance">考勤</a></dd>
                        <dd><a href="javascript:;" data-href="/course">课程</a></dd>
                        <dd><a href="javascript:;" data-href="/leave">请假查询</a></dd>
                        <dd><a href="javascript:;" data-href="/message">教师</a></dd>
                        <dd><a href="javascript:;" data-href="/mission">亲子任务</a></dd>
                        <dd><a href="javascript:;" data-href="/parents">家长详细信息</a></dd>
                        <dd><a href="javascript:;" data-href="/reward">学生照片信息</a></dd>
                        <dd><a href="javascript:;" data-href="/shuttle">记录日志</a></dd>
                        <dd><a href="javascript:;" data-href="/student">学生信息</a></dd>
                        <dd><a href="javascript:;" data-href="/teacher">教师</a></dd>
                        <dd><a href="javascript:;" data-href="/cclass">班级</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item layui-nav-itemed">
                    <a class="" href="javascript:;">精简查询</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" data-href="/Chenck/ChenckBar">检查趋势查询</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a href="">返回主页面</a></li>
            </ul>
        </div>
    </div>

    <div class="layui-body">
        <!-- 内容主体区域 -->
        <div id="layuiBody" style="padding: 15px;">
            <div style="padding: 20px; background-color: #F2F2F2; ">
                <div class="layui-row layui-col-space15">
                    <div class="layui-col-md12">
                        <div class="layui-card">
                            <div class="layui-card-header">标题
                            </div>
                            <div class="layui-card-body">
                                内容:七彩堂
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-footer">
        <!-- 底部固定区域 -->
        2016-2018 博华科技有限公司
    </div>
</div>
<script src="/layui/layui.js"></script>
<script>
    layui.use(["table", "jquery", "form", "laydate", "upload"], function () {//引入layui模块
        var table = layui.table, $ = layui.jquery, form = layui.form, laydate = layui.laydate, upload = layui.upload;//初始化

        });
</script>
<script type="text/javascript">
    layui.use(["table", "jquery", "form", "laydate", "upload"], function () {//引入layui模块
        var jquery = layui.table, $ = layui.jquery, form = layui.form, laydate = layui.laydate, upload = layui.upload;//初始化
    var myChart = echarts.init(document.getElementById('renshu'));
        var  Piename=[];
        var PieValue=[];
        var LoginName=window.location.search;
        var Login;
        if(LoginName.indexOf("?")!=-1){
            Login = LoginName.substr(LoginName.indexOf("=")+1);
        }
        /*alert("欢迎管理员"+Login+"进入后台");*/
        $('#loginname').html(Login);
    var option = {
    };
        /*$.ajax({
            type:"post",
            async:"true",
            url:"/Cars/Pie",
            data:[],
            dataType:"json",
            success: function (pie) {
                $.each(pie,function(i,n){
                    Piename.push(n.name)
                    PieValue.push(n.value)
                })
                myChart.setOption({
                    backgroundColor: '#2c343c',
                    title: {
                        text: 'Magic Square car renting',
                        left: 'center',
                        top: 20,
                        textStyle: {
                            color: '#ccc'
                        }
                    },
                    tooltip : {
                        trigger: 'item',
                        formatter: "{a} <br/>{b} : {c} ({d}%)"
                    },
                    visualMap: {
                        show: false,
                        min: 80,
                        max: 600,
                        inRange: {
                            colorLightness: [0, 1]
                        }
                    },
                    series : [
                        {
                            name:'',
                            type:'pie',
                            radius : '55%',
                            center: ['50%', '50%'],
                            data:pie.sort(function (a, b) { return a.value - b.value; }),
                            roseType: 'radius',
                            label: {
                                normal: {
                                    textStyle: {
                                        color: 'rgba(255, 255, 255, 0.3)'
                                    }
                                }
                            },
                            labelLine: {
                                normal: {
                                    lineStyle: {
                                        color: 'rgba(255, 255, 255, 0.3)'
                                    },
                                    smooth: 0.2,
                                    length: 10,
                                    length2: 20
                                }
                            },
                            itemStyle: {
                                normal: {
                                    color: '#0000EE',
                                    shadowBlur: 200,
                                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                                }
                            },
                            animationType: 'scale',
                            animationEasing: 'elasticOut',
                            animationDelay: function (idx) {
                                return Math.random() * 200;
                            }
                        }
                    ]
                });
            }
        });*/
    });
    if(window.name!="hasLoad"){
        location.reload();
        window.name = "hasLoad";
    }else{
        window.name="";
    }
</script>
<script>
    //JavaScript代码区域
    layui.use(['element','jquery'], function(){
        var element = layui.element,$=layui.jquery;
        $("a").click(function () {
            $("a").click(function () {
                //data是jquery提供的一种自定义标签，可以通过data的形式给标签赋值或者取值
                var href=$(this).data("href");
                //load方法可以让某个元素进行加载某个页面
                $("#layuiBody").load(href);
            });
        });
    });
</script>
</body>
</html>0